<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formNuevaFacturas">
                    <h:panelGrid style="width: 650px;margin: 0px auto" >
                        <p:commandButton id="btnNuevoFacturas"
                                         action="#{MBCompraNotaCredito.nuevo()}"
                                         value="AGREGAR NOTA CREDITO" ajax="false" />
                    </h:panelGrid>
                </h:form>
                <h:form id="formBusquedaFacturas">
                    <p:panel id="pnlBusquedaFacturas" widgetVar="buscar" toggleable="true" 
                             header="Consultar Notas de Credito" collapsed="#{BKCompraNotaCredito.listaNotaCredito ne null}"
                             style="width: 650px;margin: 0 auto">


                        <br/>

                        <table border="0" cellspacing="3" cellpadding="3">                                               
                            <tbody>
                                <tr>

                                    <td>
                            <h:outputLabel id="lblNroFacturaBuscar" value="NRO. NOTA CREDITO " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNumeroFactura"  value="#{BKCompraNotaCredito.notaCreditoBusqueda.numnc}" />
                            </td>
                            
                            <td>
                            <h:outputLabel id="lblRUCBuscar" value="RUC PROVEEDOR " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRUC"  value="#{BKCompraNotaCredito.notaCreditoBusqueda.ruc}" />
                            </td>
                            </tr>
                            
                            <tr>
                                <td>
                            <h:outputLabel id="lblRazonBuscar" value="RAZON SOCIAL " class="lblBusqueda" />
                            </td>
                            <td colspan="3">
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRazonSocial"  value="#{BKCompraNotaCredito.notaCreditoBusqueda.razon}" style="width: 100%"/>
                            </td>

                            </tr>

                            <tr>
                                <td>
                            <h:outputLabel id="lblBuscarDel" value="FECHA DEL " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:calendar id="txtFechaInicioCot" locale="es"
                                        value="#{BKCompraNotaCredito.busquedaDel}" 
                                        pattern="dd/MM/yyyy" size="18"
                                        maxdate="#{BKCompraNotaCredito.busquedaAl}"
                                        showOn="button" showButtonPanel="true" navigator="true">
                                <p:ajax event="dateSelect" update="txtFechaFinalCot" process="@this" />
                            </p:calendar>
                            </td>
                            <td>
                            <h:outputLabel id="lblBuscarAl" value="  AL  "  class="lblBusqueda" />
                            </td>
                            <td>

                            <p:calendar id="txtFechaFinalCot" locale="es"
                                        value="#{BKCompraNotaCredito.busquedaAl}" 
                                        pattern="dd/MM/yyyy" size="18"
                                        mindate="#{BKCompraNotaCredito.busquedaDel}"
                                        showOn="button" showButtonPanel="true" navigator="true">
                                <p:ajax event="dateSelect" update="txtFechaInicioCot" process="@this" />
                            </p:calendar>
                            </td>
                            </tr>
                            
                            <tr>
                                <td colspan="4 ">
                                    <p:commandButton id="btnBuscarFacturas" value="BUSCAR"
                                             update="pnlListarFacturas,dataTablaNC"
                                             actionListener="#{MBCompraNotaCredito.buscarListaNotasCredito}"
                                             oncomplete="listaFacturas.show();buscar.toggle()" style="font-size: 12px" />
                                </td>

                            </tr>   


                            </tbody>
                        </table>




                    </p:panel>

                    <p:panel id="pnlListarFacturas" visible="#{BKCompraNotaCredito.listaNotaCredito ne null}"
                             header="Lista de Notas de Credito" closable="true"
                             style="width: 100%;margin: 10px auto"
                             widgetVar="listaFacturas">

                        <p:dataTable id="dataTablaNC" var="nc"
                                     value="#{BKCompraNotaCredito.listaNotaCredito}" widgetVar="lista"
                                     emptyMessage="No se encontraron notas de credito"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="20"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="20,40,60" paginatorPosition="bottom" styleClass="datable-busqueda">
                            
                            <f:facet name="header">
                                 <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaNC" fileName="NotaDebito" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaNC" fileName="NotaDebito"/>  
                                    </h:commandButton>
                                </p:outputPanel>
                            </f:facet>
                            
                            
                            <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>

                            <p:column id="idColumnaSerie" style="width: 10%" sortBy="#{nc.serienc}" headerText="Serie">
                                <h:outputText value="#{nc.serienc}" />
                            </p:column>

                            <p:column id="idColumnaNumero" style="width: 10%" sortBy="#{nc.numnc}" headerText="N.Nota Credito">
                                <h:outputText value="#{nc.numnc}" />
                            </p:column>

                            <p:column id="idColumnaFecha" style="width: 10%" sortBy="#{nc.fechanc}" headerText="Fecha">
                                <h:outputText value="#{nc.fechanc}" >
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaRUC" style="width: 15%" sortBy="#{nc.ruc}" headerText="RUC">
                                <h:outputText value="#{nc.ruc}" />
                            </p:column>

                            <p:column id="idColumnaRazon" style="width: 20%" sortBy="#{nc.razon}" headerText="Razon Social">
                                <h:outputText value="#{nc.razon}" />
                            </p:column>

                            <p:column id="idColumnaMoneda" style="width: 5%" sortBy="#{nc.moneda.nombre}" headerText="Moneda">
                                <h:outputText value="#{nc.moneda.nombre}" />
                            </p:column>

                            <p:column id="idColumnaCompra" style="width: 10%" sortBy="#{nc.total}" headerText="Precio Compra">
                                <h:outputText value="#{nc.total}" >
                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaAcciones"  style="width: 15%" headerText="#{message['general.label.tipoAcesso']}">
                                <p:commandButton icon="ui-icon-search" title="#{message['general.button.ver']}" action="#{MBCompraNotaCredito.ver()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{nc}" target="#{BKCompraNotaCredito.notaCreditoFormulario}" />  
                                </p:commandButton>
                                <p:commandButton icon="ui-icon-pencil" title="#{message['general.button.editar']}" action="#{MBCompraNotaCredito.editar()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{nc}" target="#{BKCompraNotaCredito.notaCreditoFormulario}" />  
                                </p:commandButton>                                                  
                            </p:column>


                        </p:dataTable>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>

</html>